.login {
  height: 100vh;
  background: url(//little-hamster.oss-cn-hangzhou.aliyuncs.com/images/login-bg.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  .login-box {
    width: 990px;
    height: 472px;
    border-radius: 20px;
    background:url(//little-hamster.oss-cn-hangzhou.aliyuncs.com/images/login-box-bg.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    .login-box-content{
      width: 349px;
      margin-right: 100px;
      float: right;
      margin-top: 72px;
      .login-header{
        margin-bottom: 31px;
        display: flex;
        justify-content: center;
        align-items: center;
        .login-logo{
          display: inline-block;
          width: 48px;
          height: 45px;
          margin-right: 9px;
          background:url(//little-hamster.oss-cn-hangzhou.aliyuncs.com/images/logo.png) no-repeat;
          background-size: 100% 100%;
        }
        .login-title{
          font-size: 30px;
          font-weight: 500;
          color: #666666;
          line-height: 42px;
        }
      }
      .login-body{
        overflow: hidden;
        .login-line{
          margin-bottom: 20px;
          &:last-child{ 
            margin-bottom: 0px;
          }
          .login-input{
            padding-top:15px;
            padding-bottom: 15px;
            border-radius: 30px;
            font-size: 18px;
            overflow: hidden;
          }
        }
      }
      .login-footer{
        margin-top:45px;
        .login-button{
          width: 100%;
          height: 59px;
          background: linear-gradient(314deg, #5866EC 0%, #24C7FC 70%, #24FCD3 100%);
          box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
          border-radius: 30px;
          font-weight: 400;
          color: #FFFFFF;
          line-height: 25px;
          font-size: 22px;
          border-color:transparent !important;
          border: none;
          overflow: hidden;
        }
      }
    }
  }
}

.record-warp {
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  padding: 40px 0;
  font-size: 12px;
  width: 500px;
  display: flex;
  flex-direction: column;
  text-align: center;

  .police {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 18px;

    .bg {
      width: 14px;
      height: 14px;
      margin: 0 10px 0 30px;
      line-height: 18px;
      display: inline-block;
      background: url(//enbrands.oss-cn-shenzhen.aliyuncs.com/%E5%A4%87%E6%A1%88%E5%9B%BE%E6%A0%87.png) no-repeat center;
      background-size: contain;
    }
  }
}
